.home-title{
  margin: 100px auto;
  color: #fff;
  width: 300px;
  height: 150px;
  position: relative;
  font-size: 36px;
}


.link-list {
  li{
    margin: 10px;
    display: inline-block;
    width: 168px;
    height: 168px;
    border: 4px solid #8bd6d1;
    border-radius: 87% 91% 98% 100%;
    -webkit-transition: all .35s;
    transition: all .35s;
    overflow: hidden;

    &:hover {
      border-radius: 95% 70% 100% 80%;
      transform: rotate(-2deg);
    }

    &:nth-child(2n+1) {
      border-radius: 59% 52% 56% 59%;
      transform: rotate(-6deg);
      &:hover {
        border-radius: 51% 67% 56% 64%;
        transform: rotate(-4deg);
      }
    }

    &:nth-child(3n+2) {
      border-radius: 84% 94% 83% 72%;
      transform: rotate(5deg);
      &:hover {
        border-radius: 69% 64% 53% 70%;
        transform: rotate(0deg);
      }
    }

    &:nth-child(5n+3) {
      border-radius: 73% 100% 82% 100%;
      transform: rotate(7deg);
      &:hover {
        border-radius: 73%;
        transform: rotate(7deg);
      }
    }

    &:nth-child(7n+5) {
      border-radius: 93% 90% 85% 78%;
      transform: rotate(-2deg);
      &:hover {
        border-radius: 53% 70% 85% 68%;
        transform: rotate(-2deg);
      }
    }
    &:nth-child(11n+7) {
      border-radius: 68% 68% 83% 53%;
      transform: rotate(-2deg);
      &:hover {
        border-radius: 58% 98% 78% 83%;
        transform: rotate(3deg);
      }
    }

    a{
      color: #fff;
      font-size: 24px;
      line-height: 168px;

      &:hover{
        color: #d0f3f1;
      }
    }
  }
}
